<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQanimate</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script>
		$(document).ready(function () {
			$("button").click(function () {
				$("div").animate({left:"1000px"})

			})

		})
	</script>
</head>
<body>
<button>开始动画</button>
<p>默认情况下,所有HTML的位置都是静态的,并且无法移动.如需对位置进行操作,记得首先把元素的css position属性
设置为relative/fixed或absolute.</p>
<div style="background:#98bf21;height:200px;width:200px;position: absolute "></div>

</body>
</html>